new Vue({
	el:'.container',
	data:{
		addressList:[],
		limitNum:3,
		moreFlag:true,
		currentIndex:0,
		shippingWay:1
	},
	mounted:function(){
		this.$nextTick(function(){
			this.getAddress();
		})
	},
	filters:{},
	computed:{
		filterAddress:function(){ //filterAddress是自己新定义的，是过滤后的结果
			return this.addressList.slice(0,this.limitNum);  //slice方法，表示截取，返回的是一个数组副本，原数组不变；slice第二个参数表示的是位置，不是长度；包首不包尾
		}
	},
	methods:{
		getAddress:function(){
			var _this = this;
			this.$http.get('data/address.json').then(function(response){
				var res = response.data;  //respone.body也行，response.data也行
				if(res.status == 1){
					_this.addressList = res.result;
					
				}else{
					alert(res.message);
				}
				
			})
			
		},
		loadMore:function(){
			if(this.moreFlag){
				this.limitNum = this.addressList.length;
				this.moreFlag = false;
			}else{
				this.limitNum = 3;
				this.moreFlag = true;
			}
		},
		setDefault:function(addressId){
			//这里的addressId,当前点击的列表的addressId;
			this.addressList.forEach(function(item,index){
				if(addressId == item.addressId){
					item.isDefault = true;
				}else{
					item.isDefault = false;
				}
			})
		}
	}
});

/*
 数组列表，v-for循环出来的,类似radio效果：
 	怎样判断当前选中的项？   利用列表的index;
 	再设置一个变量 currentIndex = 0; 点击当前的li ,让currentIndex等于当前li的index, currentIndex = index
 	<li index=0></li>
 	<li index=1 :class="{'check': currentIndex == index }" @click="currentIndex = index"></li> //我点击这个li的时候,currentIndex:1,index:1,所以，只有这个li添加了check
 	<li index=2></li>
 	<li index=3></li>

 数组列表，v-for循环出来的,类似checkbox效果,就如购物车中的单选选中效果：
方法：vm.$set(item,'checked',true)

对于页面上已经存在的，比如说li,并不是循环出来的，这种，实现 radio的效果
就可以直接再定义一个 radioFlag = 1
<li :class="{'check':radioFlag == 1}" @click="radioFlag = 1"></li>
<li :class="{'check':radioFlag == 2}" @click="radioFlag = 2"></li>

 数组列表，v-for循环出来的,li内部的元素，类似radio效果：
 	这里用了一个循环列表的方法
 * */
